'use client'
import React from 'react'
import Image from 'next/image';
import { Swiper, SwiperSlide } from 'swiper/react';
import { Pagination } from 'swiper/modules';
import 'swiper/css';
import 'swiper/css/pagination';

export default function SlideShow() {
  return (
    <div>
      <Swiper className='screen-h-re-heade' spaceBetween={0} slidesPerView={1} pagination={true} modules={[Pagination]} >
        <SwiperSlide className='h-auto w-full'>
          <Image className='w-full h-auto object-contain' src={'/api/files/1750677771415_wlupxdm13c.jpg'} alt="banner" width={1920} height={1080} priority={true} />
        </SwiperSlide>
        <SwiperSlide className='h-auto w-full'>
          <Image className='w-full h-auto object-contain' src={'/api/files/1750677680412_o0mox23dx3.jpg'} alt="banner" width={1920} height={1080} priority={true} />
        </SwiperSlide>
      </Swiper>
    </div>
  )
}
